<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>childNodes</title>
		<script>
			window.onload=function(){
				//通过id获取到元素ul
				var oul=document.getElementById("myUl");
				//通过childNodes属性获取ul下的所有子节点对象
				var li=oul.childNodes;
				//遍历ul下的所有的子元素
				for(var i=0;i<li.length;i++){
					document.write("第"+(i+1)+"个子节点名称为"+li[i].nodeName+"<br/>");
					document.write("第"+(i+1)+"个子节点值为"+li[i].nodeValue+"<br/>");
					document.write("第"+(i+1)+"个子节类型为"+li[i].nodeType+"<br/>");
				}	
			}	
		</script>
	</head>
	<body>
		<ul id="myUl">
			<li>HTML</li>
			<li>CSS</li>
		</ul>
	</body>
</html>
